<!DOCTYPE html>
<html lang="zh-cn">

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<meta name="description" content="">
		<title>金鼎印刷服务有限公司</title>

		<!-- core CSS -->
		<link href="css/bootstrap.min.css" rel="stylesheet">
		<link href="css/font-awesome.min.css" rel="stylesheet">
		<link href="css/animate.min.css" rel="stylesheet">
		<link href="css/prettyPhoto.css" rel="stylesheet">
		<link href="css/main.css" rel="stylesheet">
		<link href="css/responsive.css" rel="stylesheet">
		<!--[if lt IE 9]>
    <script src="js/html5shiv.js"></script>
    <script src="js/respond.min.js"></script>
    <![endif]-->
	</head>
	<!--/head-->

	<body>

		<header id="header">
			<div class="top-bar">
				<div class="container">
					<div class="row">
						<div class="col-xs-6">
							<p>金鼎印刷服务有限公司</p>
						</div>
						<div class="col-xs-6">
							<div class="top-number pull-right">
								<p><i class="fa fa-phone-square"></i> +0123 456 70 90</p>
							</div>
						</div>
					</div>
				</div>
				<!--/.container-->
			</div>
			<!--/.top-bar-->

			<nav class="navbar navbar-inverse" role="banner">
				<div class="container">
					<div class="navbar-header">
						<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                        <span class="sr-only">Toggle navigation</span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
						<a class="navbar-brand" href="index.html">
							<img src="images/logo.jpg" style="width:74px"></a>
					</div>

					<div class="collapse navbar-collapse navbar-right">
						<ul class="nav navbar-nav">
							<li class="active">
								<a href="index.html?x=1">网站首页</a>
							</li>
							<li>
								<a href="about-us.html?x=2">关于我们</a>
							</li>
							<li>
								<a href="services.html?x=3">服务介绍</a>
							</li>
							<li>
								<a href="portfolio.html?x=4">案例展示</a>
							</li>
							<li>
								<a href="blog.html?x=5">新闻中心</a>
							</li>
							<li>
								<a href="contact-us.html?x=6">联系我们</a>
							</li>
						</ul>
					</div>
				</div>
				<!--/.container-->
			</nav>
			<!--/nav-->
		</header>
    <section id="portfolio">
        <div class="container">
            <div class="center">
               <h2>案例展示</h2>
               <p class="lead">
               	案例展现实力
               </p>
            </div>
        

            <ul class="portfolio-filter text-center">
                <li><a class="btn btn-default active" href="#" data-filter="*">所有</a></li>
                <li><a class="btn btn-default" href="#" data-filter=".sp">食品包装设计</a></li>
                <li><a class="btn btn-default" href="#" data-filter=".tc">图册外观设计</a></li>
                <li><a class="btn btn-default" href="#" data-filter=".qt">其他产品外观设计</a></li>
            </ul><!--/#portfolio-filter-->

            <div class="row">
                <div class="portfolio-items">
                    <div class="portfolio-item sp col-xs-12 col-sm-4 col-md-3">
                        <div class="recent-work-wrap">
                            <img class="img-responsive" src="images/case/case1.jpg" alt="">
                            <a class="overlay" href="blog-item.html">
                            <div class="recent-work-inner">
                                <h3>案例名称 </h3>
                                <p>这里是案例的介绍这里是案例的介绍这里是案例的介绍这里是案例的介绍这里是案例的介绍这里是案例的介绍</p>
                            </div> 
                        </a>
                        </div>
                    </div><!--/.portfolio-item-->

                    <div class="portfolio-item sp col-xs-12 col-sm-4 col-md-3">
                        <div class="recent-work-wrap">
                            <img class="img-responsive" src="images/case/case2.jpg" alt="">
                            <a class="overlay" href="blog-item.html">
                            <div class="recent-work-inner">
                                <h3>案例名称 </h3>
                                <p>这里是案例的介绍这里是案例的介绍这里是案例的介绍这里是案例的介绍这里是案例的介绍这里是案例的介绍</p>
                            </div> 
                        </a>
                        </div>          
                    </div><!--/.portfolio-item-->

                    <div class="portfolio-item sp  col-xs-12 col-sm-4 col-md-3">
                        <div class="recent-work-wrap">
                            <img class="img-responsive" src="images/case/case3.jpg" alt="">
                            <a class="overlay" href="blog-item.html">
                            <div class="recent-work-inner">
                                <h3>案例名称 </h3>
                                <p>这里是案例的介绍这里是案例的介绍这里是案例的介绍这里是案例的介绍这里是案例的介绍这里是案例的介绍</p>
                            </div> 
                        </a>
                        </div>        
                    </div><!--/.portfolio-item-->

                    <div class="portfolio-item tc col-xs-12 col-sm-4 col-md-3">
                        <div class="recent-work-wrap">
                            <img class="img-responsive" src="images/case/case4.jpg" alt="">
                            <a class="overlay" href="blog-item.html">
                            <div class="recent-work-inner">
                                <h3>案例名称 </h3>
                                <p>这里是案例的介绍这里是案例的介绍这里是案例的介绍这里是案例的介绍这里是案例的介绍这里是案例的介绍</p>
                            </div> 
                        </a>
                        </div>           
                    </div><!--/.portfolio-item-->
          
                    <div class="portfolio-item tc col-xs-12 col-sm-4 col-md-3">
                        <div class="recent-work-wrap">
                            <img class="img-responsive" src="images/case/case5.jpg" alt="">
                            <a class="overlay" href="blog-item.html">
                            <div class="recent-work-inner">
                                <h3>案例名称 </h3>
                                <p>这里是案例的介绍这里是案例的介绍这里是案例的介绍这里是案例的介绍这里是案例的介绍这里是案例的介绍</p>
                            </div> 
                        </a>
                        </div>      
                    </div><!--/.portfolio-item-->

                    <div class="portfolio-item tc col-xs-12 col-sm-4 col-md-3">
                        <div class="recent-work-wrap">
                            <img class="img-responsive" src="images/case/case6.jpg" alt="">
                            <a class="overlay" href="blog-item.html">
                            <div class="recent-work-inner">
                                <h3>案例名称 </h3>
                                <p>这里是案例的介绍这里是案例的介绍这里是案例的介绍这里是案例的介绍这里是案例的介绍这里是案例的介绍</p>
                            </div> 
                        </a>
                        </div>         
                    </div><!--/.portfolio-item-->

                    <div class="portfolio-item qt col-xs-12 col-sm-4 col-md-3">
                        <div class="recent-work-wrap">
                            <img class="img-responsive" src="images/case/case7.jpg" alt="">
                            <a class="overlay" href="blog-item.html">
                            <div class="recent-work-inner">
                                <h3>案例名称 </h3>
                                <p>这里是案例的介绍这里是案例的介绍这里是案例的介绍这里是案例的介绍这里是案例的介绍这里是案例的介绍</p>
                            </div> 
                        </a>
                        </div>          
                    </div><!--/.portfolio-item-->

                    <div class="portfolio-item qt col-xs-12 col-sm-4 col-md-3">
                        <div class="recent-work-wrap">
                            <img class="img-responsive" src="images/case/case8.jpg" alt="">
                            <a class="overlay" href="blog-item.html">
                            <div class="recent-work-inner">
                                <h3>案例名称 </h3>
                                <p>这里是案例的介绍这里是案例的介绍这里是案例的介绍这里是案例的介绍这里是案例的介绍这里是案例的介绍</p>
                            </div> 
                        </a>
                        </div>          
                    </div><!--/.portfolio-item-->
                </div>
            </div>
        </div>
    </section><!--/#portfolio-item-->
    <section id="partner">
			<div class="container">
				<div class="center wow fadeInDown">
					<h2>合作伙伴</h2>
				</div>

				<div class="partners">
					<ul>
						<li>
							<a href="#"><img class="img-responsive wow fadeInDown" data-wow-duration="1000ms" data-wow-delay="300ms" src="images/partners/partner1.png"></a>
						</li>
						<li>
							<a href="#"><img class="img-responsive wow fadeInDown" data-wow-duration="1000ms" data-wow-delay="600ms" src="images/partners/partner2.png"></a>
						</li>
						<li>
							<a href="#"><img class="img-responsive wow fadeInDown" data-wow-duration="1000ms" data-wow-delay="900ms" src="images/partners/partner3.png"></a>
						</li>
						<li>
							<a href="#"><img class="img-responsive wow fadeInDown" data-wow-duration="1000ms" data-wow-delay="1200ms" src="images/partners/partner4.png"></a>
						</li>
						<li>
							<a href="#"><img class="img-responsive wow fadeInDown" data-wow-duration="1000ms" data-wow-delay="1500ms" src="images/partners/partner5.png"></a>
						</li>
					</ul>
				</div>
			</div>
			<!--/.container-->
		</section>
		<!--/#partner-->
    <!--/#services-->
		<section id="conatcat-info">
			<div class="container">
				<div class="row">
					<div class="col-sm-8">
						<div class="media contact-info wow fadeInDown" data-wow-duration="1000ms" data-wow-delay="600ms">
							<div class="pull-left">
								<i class="fa fa-phone"></i>
							</div>
							<div class="media-body">
								<h2>联系我们</h2>
								<p>
									地址：四川省成都市双流区新怡华庭东区<br /> 联系电话：123456789
									<br /> 联系邮箱：123456@123.com
								</p>
							</div>
						</div>
					</div>
				</div>
			</div>
			<!--/.container-->
		</section>
		<!--/#conatcat-info-->
		

		<footer id="footer" class="midnight-blue">
			<div class="container">
				<div class="row">
					<div class="col-sm-6">
						Copyright &copy; 2017.Company name All rights reserved.

					</div>
					<div class="col-sm-6">
						<ul class="pull-right">
							<li>
								<a href="index.html">首页</a>
							</li>
							<li>
								<a href="about-us.html">关于</a>
							</li>
							<li>
								<a href="services.html">服务</a>
							</li>
							<li>
								<a href="portfolio.html">案例</a>
							</li>
							<li>
								<a href="blog.html">新闻</a>
							</li>
							<li>
								<a href="contact-us.html">联系</a>
							</li>
						</ul>
					</div>
				</div>
			</div>
		</footer>

    <script src="js/jquery.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/jquery.prettyPhoto.js"></script>
    <script src="js/jquery.isotope.min.js"></script>
    <script src="js/main.js"></script>
    <script src="js/wow.min.js"></script>
</body>
</html>
